refactor(components): replace Sharing with SharingWidget component

* all the widgets should have a coherent name
* fix mailto uri
* remove useless CSS
* add tests

1 files changed, 8 insertions, 2 deletions

diff --git a/src/pages/projets/[slug].tsx b/src/pages/projets/[slug].tsx
index 58c03ce..fa8f43a 100644
--- a/src/pages/projets/[slug].tsx
+++ b/src/pages/projets/[slug].tsx
@@ -13,7 +13,7 @@ import {
   getLayout,
   Link,
   PageLayout,
-  Sharing,
+  SharingWidget,
   Spinner,
   Heading,
   List,
@@ -289,6 +289,11 @@ const ProjectPage: NextPageWithLayout<ProjectPageProps> = ({ project }) => {
     title,
   });
   const schemaJsonLd = getSchemaJson([webpageSchema, articleSchema]);
+  const sharingWidgetTitle = intl.formatMessage({
+    defaultMessage: 'Share',
+    id: 'HKKkQk',
+    description: 'SharingWidget: widget title',
+  });
 
   return (
     <>
@@ -317,10 +322,11 @@ const ProjectPage: NextPageWithLayout<ProjectPageProps> = ({ project }) => {
         headerMeta={filteredHeaderMeta}
         withToC={true}
         widgets={[
-          <Sharing
+          <SharingWidget
             // eslint-disable-next-line react/jsx-no-literals -- Key allowed
             key="sharing-widget"
             data={{ excerpt: intro, title, url: page.url }}
+            heading={<Heading level={3}>{sharingWidgetTitle}</Heading>}
             media={[
               'diaspora',
               'email',